<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<title>爱笔记</title>
	
	<%@include file="/include/header.jsp" %>
	<script type="text/javascript" src="${_CTX_PATH_ }/javascript/catalogs.js"></script>
</head>

<body id="lovenote">
	<!-- Top menu begin -->
	<%@include file="/include/menu.jsp" %>
	<!-- Top menu End -->
	
	<%@include file="/include/sidebar.jsp" %>

	<div class="main container">
		<div class="ui grid">
			<!-- start content -->
			<div class="eleven wide column">

				<div class="ui segment">
					<div class="ui top attached label">添加笔记分类</div>
					<div>
						<div class="ui grid">
							<div class="ten wide column">
								<!-- add catalog begin -->
								<div class="ui form" id="catalogs">
									<div class="two fields">
										
										<!-- orderId begin -->
										<div class="field">
											<label for="">排序值</label>
											<div class="ui left labeled icon input">
												<input type="text" name="orderId" placeholder="排序值，默认为0">
												<i class="sort order icon"></i>
												<div class="ui corner label"><i class="icon asterisk"></i></div>
											</div>
										</div>
										<!-- orderId end -->
										
									</div>
									
									<!-- catalog name begin -->
									<div class="field">
										<label for="">分类名称</label>
										<div class="ui left labeled icon input">
											<input type="text" name="name" placeholder="分类名称">
											<i class="open folder icon"></i>
											<div class="ui corner label"><i class="icon asterisk"></i></div>
										</div>
									</div>
									<!-- catalog name end -->
									
									<div class="ui green submit button">添加</div>
									<div class="ui error message"></div>
								</div>
								<!-- add catalog end -->
							</div>
							<div class="six wide column"></div>
						</div>	
					</div>

					<div class="ui divider"></div>
					
					<%@include file="catalog_list.jsp" %>
				</div>
			</div>
			<!-- end content -->
	
			<div class="five wide column">
				
				<!-- User information begin -->
				<%@include file="/include/user_info.jsp"%>
				<!-- User information end -->

				<!-- Newest note begin -->
				<%@include file="/include/new_note.jsp" %>
				<!-- Newest note end -->
			</div>
		</div>
		
		<%@include file="/include/footer.jsp" %>
	</div>
</body>
</html>